<template>
  <div class="login-wrap">
    <div class="auth-root">
      <div class="main-wrap">
        <LoginWrap />
      </div>
    </div>
  </div>
  <LoginBg />
</template>

<script setup lang="ts">
import LoginBg from './components/loginBg/index.vue'
import LoginWrap from '@/views/system/login/components/LoginWrap.vue'
</script>

<style scoped lang="scss">
.login-wrap {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
  z-index: 9;

  .auth-root {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    min-width: 320px;
    min-height: 100%;
    padding: 100px 0;
    background-color: initial;
  }

  .main-wrap {
    display: flex;
  }
}
</style>
